<!DOCTYPE html>
<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<html>
<head>
	<meta charset="UTF-8">
	<title>Grima Portal</title>
	<link rel="stylesheet" type="text/css" href="../css/themes/bootstrap/easyui.css">
	<link rel="stylesheet" type="text/css" href="../css/icon.css">
	<link rel="stylesheet" type="text/css" href="../css/portal.css">
	<link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css">
	
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
</head>
<body class="easyui-layout">
	
    <div data-options="region:'north',border:false" style="height:50px;padding:10px;overflow: hidden;">
		<jsp:include page="header.jsp" />
	</div>
    <div data-options="region:'east',split:true,collapsed:true,title:' '" style="width:100px;padding:10px;"></div>
	<div data-options="region:'south',border:false" style="height:30px;padding:10px;background:#F5F5F5;text-align:center;color:#707070">
		<jsp:include page="footer.jsp" />
	</div>

    <div data-options="region:'center',title:'Processo : ${process.name}'">
		<div style="margin:5px">
			<a href="<%=request.getContextPath()%>/secure/processes.html" onclick="back();" title="Voltar"><i class="fa fa-mail-reply" style="font-size:18px;color:green;padding:5px;"></i>Voltar</a>
		</div>
		<br/>
    
		<div class="easyui-tabs" >
			
			<div title="Processo" style="padding:10px">
			    <form id="ff" method="post">
			    	<table >
			    		<tr>
			    			<td width="150px"><b>Id:</b></td>
			    			<td>${process.id}</td>
			    		</tr>
			    		<tr>
			    			<td><b>Nome:</b></td>
			    			<td>${process.name}</td>
			    		</tr>
			    		<tr>
			    			<td><b>Versão:</b></td>
			    			<td>${process.version}</td>
			    		</tr>
			    		<tr>
			    			<td><b>Descrição:</b></td>
			    			<td>
			    				<textarea name="message" style="width:400px;height:200px;" disabled="disabled">${process.description}</textarea>
			    			</td>
			    		</tr>
			    	</table>
			    </form>
			
			</div>
			<div title="Fluxo de trabalho" style="padding:10px; text-align: center;">
				<img src="<%=request.getContextPath()%>/diagram?processDefinitionId=${process.id}" >
			</div>
		</div>
    </div>

	<style scoped="scoped">
		.textbox{
			height:20px;
			margin:0;
			padding:0 2px;
			box-sizing:content-box;
		}
	</style>

</body>
</html>